<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Picasa Proxy Viewer</title>

  <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
  <script type="text/javascript" src="js/picasa.js"></script>
  <script type="text/javascript" src="js/jquery.dock-0.8b.source.js"></script>

  <script type="text/javascript">
  var confDock = {
  	iconMinSide : 35,
  	iconMaxSide : 70,
  	distAttDock : 100,
  	coefAttDock : 2,	
  	veloOutDock : 500,
  	valign: 'top'
  };

  $(document).ready(function() {
    $("#accounts").click(function(){
      $.ajax({
  		  url: "http://picasaproxy.appspot.com/account/",
  		  dataType: "json",
          success: function(data){
  			  alert(data);
  		  }
  	  });
    });
    
    //$("#content").load("http://picasaproxy.appspot.com/account/");

    // test
    /*
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?format=json&jsoncallback=?",
      function(data){
        $.each(data.items, function(i,item){
          $("<img/>").attr("src", item.media.m).appendTo("#images");
          if ( i == 3 ) return false;
        });
      }
    );*/
  
    $("#albums").click(function(){
      $.ajax({
  		  method: "get",url: "http://picasaproxy.appspot.com/album/julienboz/all",
  			success: function(html){
  			  alert(html);
          $("#content").html("<div class='albums'></div>");
          for(var album in html.albumList) {
            $(".albums").append("<a href='#' title='"+album.description+"'>"+album.title+"</a>");
          }
  
          $(".albums").addDockEffect(confDock);
  		  }
  	  });
    });
  });
  </script>                               
  </head>
  <body>       
    <a id="accounts" href="#">Accounts</a>
    <a id="albums" href="#">Albums</a>             
    <div id="loading"></div>
    <div id="content"></div>
    <div id="myTest03"></div>
    <div id="images"></div>
  </body>
</html>
